<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>手机案例</title>
	<link rel="stylesheet" type="text/css" href="css/1.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
	<header>
		<div><a href="">浙江</a></div>
		<input>
		<a class="q"><i class="fa fa-commenting"></i></a>
	</header>


	<section class="body">

	<div class="banner"><img src="img/banner1.jpg"></div>

	<section class="dl">
		<dl>
			<dt><img src="img/1.png"></dt>
			<dd>编程开发</dd>
		</dl>
		<dl>
			<dt><img src="img/2.png"></dt>
			<dd>人工智能</dd>
		</dl>
		<dl>
			<dt><img src="img/3.png"></dt>
			<dd>产品与运营</dd>
		</dl>
		<dl>
			<dt><img src="img/4.png"></dt>
			<dd>设计创意</dd>
		</dl>
		<dl>
			<dt><img src="img/5.png"></dt>
			<dd>电子商务</dd>
		</dl>

	</section>


<div class="quanbu"><h5>热门课程</h5><a href="">查看全部></a></div>


	<section class="rmkc">
		<dl>
			<div class="q">
			<dt><img src="img/item-1.jpg"></dt>
		</div>

		<div class="w">
			<h1>交互式ppt</h1>
			<h2>讲师：大魔王LEON</h2>
			<h3>￥ 181 <span>￥ 199</span></h3>
			<h4><i class="fa-clock-o fa"></i>优惠时间：4月18日18点开始</h4>
		</div>
		<div class="e">
			<h1>3<span>折起</span></h1>
		</div>
		</dl>

		<dl>
			<div class="q">
			<dt><img src="img/item-1.jpg"></dt>
		</div>

		<div class="w">
			<h1>交互式ppt</h1>
			<h2>讲师：大魔王LEON</h2>
			<h3>￥ 181 <span>￥ 199</span></h3>
			<h4><i class="fa-clock-o fa"></i>优惠时间：4月18日18点开始</h4>
		</div>
		<div class="e">
			<h1>3<span>折起</span></h1>
		</div>
		</dl>
	</section>

</section>

	<footer>
	<a href="">
	<i class="fa fa-file"></i>
		<span>首页</span>
		</a>
		<a href="">
	<i class="fa fa-cny"></i>
		<span>理财</span>
		</a>
		<a href="">
	<i class="fa fa-meh-o"></i>
		<span>口碑</span>
		</a>
		<a href="">
	<i class="fa fa-user-o"></i>
		<span>我的</span>
		</a>
	</footer>
</body>
</html>